<!DOCTYPE html>
<html ng-app="mcgApp">
<head>
    <meta charset="utf-8">
    <title>Material Design Theme & Palette Color Generator</title>
	<meta name="description" content="Generate your own Material Design Color Palette with full control over the colors! Export to AngularJS, Materialize, CSS, Polymer, and more!">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--
        ### Stylesheets ###
    -->
    <!-- 3rd-Party Libraries -->
	<link rel="stylesheet" href="styles/reset.css">
	<link rel="stylesheet" href="bower_components/angular-material/angular-material.min.css">
	<link rel="stylesheet" href="bower_components/spectrum/spectrum.css">
	<link rel="stylesheet" href="bower_components/prism/themes/prism.css">
	<link rel="stylesheet" href="bower_components/prism/plugins/toolbar/prism-toolbar.css">
	<link rel="stylesheet" href="bower_components/prism/plugins/line-numbers/prism-line-numbers.css">

	<!-- Fonts -->

	<!-- Material Color Generator Application -->
	<link rel="stylesheet" href="styles/main.css">
</head>
<body style="">
	<div ng-view layout="column">
	</div>

	<!--
		### Scripts ###
	-->
	<!-- 3rd-Party Libraries -->
	<script src="bower_components/jquery/dist/jquery.min.js"></script>
	<script src="bower_components/angular/angular.min.js"></script>
	<script src="bower_components/angular-animate/angular-animate.min.js"></script>
	<script src="bower_components/angular-route/angular-route.js"></script>
	<script src="bower_components/angular-aria/angular-aria.min.js"></script>
	<script src="bower_components/angular-material/angular-material.min.js"></script>
	<script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
	<script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
	<script src="bower_components/spectrum/spectrum.js"></script>
	<script src="bower_components/angular-spectrum-colorpicker/dist/angular-spectrum-colorpicker.min.js"></script>
	<script src="bower_components/angular-material-icons/angular-material-icons.min.js"></script>
	<script src="bower_components/tinycolor/tinycolor.js"></script>
	<script src="bower_components/angular-toArrayFilter/toArrayFilter.js"></script>
	<script src="bower_components/clipboard/dist/clipboard.min.js"></script>
	<script src="bower_components/prism/prism.js"></script>
	<script src="bower_components/prism/plugins/toolbar/prism-toolbar.js"></script>
	<script src="bower_components/prism/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>
	<script src="bower_components/prism/plugins/line-numbers/prism-line-numbers.min.js"></script>

	<!-- Material Color Generator Application & Factories-->
	<script src="scripts/app.js"></script>

	<!-- Load interpreter services -->
	<script src="scripts/services/interpreters/angularJsInterpreter.js"></script>
	<script src="scripts/services/interpreters/angularJs2Interpreter.js"></script>
	<script src="scripts/services/interpreters/flutterInterpreter.js"></script>
	<script src="scripts/services/interpreters/materialUiInterpreter.js"></script>
	<script src="scripts/services/interpreters/materialUiNextInterpreter.js"></script>
	<script src="scripts/services/interpreters/androidInterpreter.js"></script>
	<script src="scripts/services/interpreters/mdLiteInterpreter.js"></script>
	<script src="scripts/services/interpreters/emberInterpreter.js"></script>
	<script src="scripts/services/interpreters/mcgInterpreter.js"></script>
	<script src="scripts/services/interpreters/vueInterpreter.js"></script>
	<script src="scripts/services/interpreters/topInterpreter.js"></script>

	<!-- Dialog Controllers -->
	<script src="scripts/controllers/SettingsCtrl.js"></script>
	<script src="scripts/controllers/DemoCtrl.js"></script>
	<script src="scripts/controllers/DialogImportCtrl.js"></script>
	<script src="scripts/controllers/DialogExportCtrl.js"></script>
	<script src="scripts/controllers/AboutCtrl.js"></script>

	<!-- Controllers -->
	<script src="scripts/controllers/ColorGeneratorCtrl.js"></script>

	<!-- Google Analytics snippet. -->
	<script>
		(function (i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r;
			i[r] = i[r] || function () {
						(i[r].q = i[r].q || []).push(arguments)
					}, i[r].l = 1 * new Date();
			a = s.createElement(o),
					m = s.getElementsByTagName(o)[0];
			a.async = 1;
			a.src = g;
			m.parentNode.insertBefore(a, m)
		})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
	</script>
</body>
</html>
